<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>tsinglog - 关于本站</title>
  <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="/static/fonts/iconfont.css">
  <link rel="stylesheet" href="/static/lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="/static/lib/DCalendar/css/zzsc.css">
  <link rel="stylesheet" href="/static/lib/DCalendar/css/dcalendar.picker.css">
  <link rel="stylesheet" href="/static/css/common/base.css">
  <link rel="stylesheet" href="/static/css/common/layout.css">
  <link rel="stylesheet" href="/static/css/content/notice.css">
  <link rel="stylesheet" href="/static/css/content/modal.css">
  <link rel="stylesheet" href="/static/css/about.css">
</head>
<body>

<!--顶部-->
<div th:replace="layout/header :: header"></div>
<!--内容-->
<div class="content">
  <div class="content-in div-in">
    <div class="container">
      <div class="row">
        <!--内容左侧区域-->
        <div th:replace="layout/left :: left"></div>
        <!--内容中间区域-->
        <div class="col-md-7 col-md-offset-2 content-center">
          <!--公告-->
          <div th:replace="content/notice :: notice"></div>
          <!--文章详情-->
          <div class="about-box">
            <!--标题-->
            <div class="box-title">
              <a href="javascript:;">
                关于本站<span> / About Us</span>
              </a>
              <div class="introduce">
                <div class="about-img"></div>
                <div class="introduce-item blogger-info">
                  <div class="info-title">
                    <i class="iconfont icon-wode"></i>
                    <h3>关于博主</h3>
                  </div>
                  <div class="info-content">
                    <p>
                      我是一个31岁改行的新手码农。计算机研究生毕业后，阴差阳错的进入银行干了六年会计和大堂经理。2018年由于经济和家庭原因
                      无奈离开银行改行做了码农。离开之初对前景非常迷茫，但是时间长了我发现自己喜欢这行，热爱这行的。虽然到现在还不能说自己
                      很庆幸的改了这行，但是现在的我对未来还是很有信心的。
                    </p>
                    <p>
                      平时除了写代码我还喜欢健身和户外运动，虽然不精，但对我来说他们都是我平时消磨时间的无可替代的好帮手。
                    </p>
                    <p>
                      我没有什么远大的理想，只想拥有一个和睦的家庭，一份稳定的工作。能在家庭中得到温馨，能在工作中实现自己的价值。
                    </p>
                    <p>
                      作为一名码农，我想在接下来的人生时光中，和各位互相学习，互相帮助，互相进步。磨炼自己的技术，使自己的技术精益求精。
                    </p>
                  </div>
                </div>
                <div class="introduce-item blog-info">
                  <div class="info-title">
                    <i class="iconfont icon-boke"></i>
                    <h3>关于博客</h3>
                  </div>
                  <div class="info-content">
                    <p>本站为非商业化、无盈利性质的网站。为本人个人开发的博客系统，主要为前端技术和后端技术文章的分享和工作经验的总结。</p>
                  </div>
                </div>
                <div class="introduce-item copyright-info">
                  <div class="info-title">
                    <i class="iconfont icon-banquan"></i>
                    <h3>关于版权</h3>
                  </div>
                  <div class="info-content">
                    <p>本站所有标注为原创的文章，转载请标明出处。</p>
                    <p>本站所有转载的文章，一般都会在文章中注明原文出处。</p>
                    <p>所有转载的文章都来源于互联网，若因此对原作者造成侵权，烦请原作者<a href="mailto:tsinglog@sina.com">告知</a>，我会立刻删除相关内容。</p>
                  </div>
                </div>
                <div class="introduce-item contact">
                  <div class="info-title">
                    <i class="iconfont icon-lianxifangshi"></i>
                    <h3>联系博主</h3>
                  </div>
                  <div class="info-content">
                    <p>邮箱：tsinglog@sina.com</p>
                    <p>QQ：156247570</p>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
        <!--内容右侧区域-->
        <div th:replace="layout/right :: right"></div>
      </div>
    </div>

  </div>
</div>
<!--底部-->
<div th:replace="layout/footer :: footer"></div>
<!--提示框-->
<div th:replace="content/modal :: modal"></div>

<script src="../static/lib/jquery/jquery.js"></script>
<script src="../static/lib/bootstrap/js/bootstrap.js"></script>
<script src="../static/lib/DCalendar/js/dcalendar.picker.js"></script>
<script src="../static/js/notice.js"></script>
<script src="../static/js/layout.js"></script>
<script src="../static/js/modal.js"></script>


</body>
</html>